<template>
  <t-card :bordered="false">
    <!-- 选项卡 -->
    <t-tabs default-value="上报预警" placement="left">
      <t-tab-panel class="tab-panel" label="上报预警" value="上报预警">
        <report-early-warning />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="设计预警" value="设计预警">
        <design-early-warning />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="施工预警" value="施工预警">
        <engineering-early-warning />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="施工节点配置" value="施工节点配置"> 
        <engineering-config />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="施工班组配置" value="施工班组配置"> 
        <engineering-team />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="渠道管理" value="渠道管理">
        <channel />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="收款设置" value="收款设置"> 
        <collection-config />
      </t-tab-panel>
      <t-tab-panel class="tab-panel" label="材料进度配置" value="材料进度配置"> 
        <engineering-material />
      </t-tab-panel>
    </t-tabs>
  </t-card>
</template>

<script lang="ts">
export default {
  name: 'CommonConfig',
};
</script>

<script setup lang="ts">
import Channel from './components/Channel.vue';
import EngineeringTeam from './components/EngineeringTeam.vue'
import EngineeringConfig from './components/EngineeringConfig.vue'
import DesignEarlyWarning from './components/DesignEarlyWarning.vue';
import ReportEarlyWarning from './components/ReportEarlyWarning.vue';
import CollectionConfig from './components/CollectionConfig.vue';
import EngineeringMaterial from './components/EngineeringMaterial.vue';
import EngineeringEarlyWarning from './components/EngineeringEarlyWarning.vue';
</script>

<style lang="less" scoped>
.tab-panel {
  padding: 0 20px;
}
</style>
